﻿@charset "utf-8";
/* CSS Document */
/* index */

body{}
.op0{opacity: 0;}
.wrap{ width:1200px; margin:0 auto;}
.top{ height: auto;width:100%; position:fixed; left:0; top:0px; z-index:95; transition:all 0.5s ease; background:rgba(255,255,255,0.95); box-shadow:0 0 10px rgba(0,0,0,0.2)}
.top .logo{ height:81px;}
.T-nav{}
.T-nav > li{ float:left; position:relative; z-index:2;}
.T-nav > li > a{ display:block; padding:0 20px; font-weight:bold; height:81px; line-height:81px; font-size:16px; text-align:center; color:#333;}
.T-nav > li > a:after{ width:0px; height:3px; background:#db3632; position:absolute; bottom:0; left:50%; margin-left:0px; content:''; transition:all 0.5s ease;}
.T-nav > li > a.cur{}
.T-nav > li > a.cur:after{ width:30px;margin-left:-15px; transition:all 0.5s ease;}
.T-nav > li .gdlt{ position:absolute; width:100%; padding:5px 0; left:0; top:81px;  text-align:center; display:none; }
.T-nav > li .gdlt a{ display:block; text-align:center; line-height:40px;}
.bg-cope{top:81px;position:absolute; left:0; width:100%; height:260px;background:rgba(255,255,255,0.95); z-index:1; display:none; }
.ind-setc{ padding-top:1.5%;}
.mosclt{ width:755px; border:1px solid #ddd;}
.londlc{ line-height:48px; border-bottom:1px solid #ddd; background:#f8f8f8; height:48px;}
.londlc span{ font-size:16px; width:115px; text-align:center; display:block; float:left; cursor:pointer; color:#666;}
.londlc span.cur{ background:#fff; border-bottom:1px solid #fff; border-top:2px solid #005dc0; color:#005dc0;}
.dlopdc{ padding:0 4% 1%;}
.adc-more{ display:block; width:48px; height:48px; background:url(../images/more.png) no-repeat center center; position:absolute; right:0; top:-48px;}
.elsc-wb{ padding:20px 0; border-bottom:1px dashed #ddd;}
.elsc-wb a{ display:block; padding-left:362px; position:relative; color:#333;}
.elsc-wb a .pic{ position:absolute; left:0; top:0;}
.elsc-wb a .pic img{width:340px; height:203px;}
.elsc-wb a .con .p1{ font-size:18px; font-weight:bold; line-height:40px; height:40px; overflow:hidden;}
.elsc-wb a .con .p2{ color:#999; font-size:12px;} 
.elsc-wb a .con .p3{ line-height:25px; height:100px; overflow:hidden; margin-top:11px;}
.elsc-wb a .con .p4{ margin-top:15px; color:#005dc0;}
.newlct-ul{ padding-top:10px;}
.newlct-ul li{ line-height:36px; height:36px; padding-left:15px; overflow:hidden; background:url(../images/d.png) no-repeat left center;}
.newlct-ul li span{ color:#999; float:right;}
.roumld{ width:416px;}
.eoclt{ line-height:36px; height:36px; border-bottom:1px solid #ddd;}
.eoclt a{display:block; float:right; width:36px; height:36px; background:url(../images/more.png) no-repeat center center;}
.eoclt span{ font-size:18px; color:#005dc0; line-height:34px; border-bottom:2px solid #005dc0; display:inline-block; padding:0 15px;}

.vodlt{ margin-top:20px; position:relative;}
.tavle{ position:absolute; left:0; top:0; width:100%; height:100%; display:table;}
.big-video-play{ display:table-cell; width:100%; vertical-align:middle;}
.video-li-a{ width:42px; height:42px; background:url(../images/pl.png) no-repeat center center; background-size:100% 100%; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px; z-index:3;}
.big-video{ position:absolute; left:0; top:0; z-index:5; display:none; width:100%; height:100%; background:#121212;}
.alidk{ padding:15px 0; border:1px solid #ddd; border-top:none;}
.alidk a{ display:block; line-height:25px; float:left; text-align:center; width:20%;}
.alidk a span{ display:block; margin-top:5px;}
.ind-doec{ padding:1% 0 2%;}
.acthlm{ width:755px; position:relative;}
.dmldcs{width:416px;}
.alpos{transition:all 0.5s ease; width:13%; height:35%; position:absolute; text-align:center; font-weight:bold; font-size:18px;}
.alpos:hover{transition:all 0.5s ease;transform:scale(1.45);}

.alpos.pts01{ left:3%; top:55%;}
.alpos.pts02{ left:20%; top:18%;}
.alpos.pts03{ width:19%; height:53%; left:40%; top:33%; background:url(../images/ec.png) no-repeat center center; background-size:100%;}
.alpos.pts04{ left:65%; top:18%;}
.alpos.pts05{ left:85%; top:55%;}
.alpos.pts03 p{ background:none;}
.alpos p{ position:absolute; left:0; top:0; width:100%; height:100%; display:table; border-radius:50%; background:#eaf0fc;}
.alpos p a{ display:table-cell; vertical-align:middle; color:#71a5dc;}
.alpos.pts03 p a{ color:#fff;}

.loldm a{ display:block; line-height:85px; text-align:center; color:#fff; font-size:24px; background-repeat:no-repeat; background-size:cover; background-position:center center; margin-top:6px;}
.loldm a.a1{ }
.loldm a.a2{ background-image:url(../images/c2.png);}
.loldm a.a3{ background-image:url(../images/c3.png);}

.ind-prlm{ padding:3% 0; background:url(../testimg/t5.png) no-repeat center center; background-size:cover;}
.ind-prlm h2{ line-height:50px; background:url(../images/lop.png) no-repeat center center; font-size:18px; text-align:center; font-weight:normal; color:#005dc0;}
.cantlm{ padding-left:75px;}
.scrloe{ position:relative;}
.scrloe span{ line-height:30px; color:#005dc0; position:absolute; left:-75px; top:50%; margin-top:-15px;}

.likdoc{ padding:15px 0;}
.likdoc select{ width:180px; height:32px; border:1px solid #ccc; float:left; margin-right:10px; color:#666;}

.foot{ background:url(../images/f-bg.png) repeat-x left center; background-size:auto 100%; color:#fff;}
.weclt{ padding:20px 0; border-bottom:1px solid #00509d;}
.olopc{ width:570px; margin-left:20px;}
.olopc span{ display:block; width:50%; float:left; line-height:35px; height:35px; overflow:hidden; padding-right:20px;}
.opodew{ width:130px;}
.opodew a{ color:#fff; display:block; line-height:35px; position:relative;}
.opodew a .shimg{ visibility:hidden; position:absolute; right:0; bottom:35px; z-index:5; opacity:0; transition:all 0.5s ease;}






.orelmc{ background:#0e71d9; padding:5px 5px 0; line-height:25px; text-align:center; font-size:12px;}
.plioec{ line-height:25px; padding:15px 0; color:#4e88c6;}
.plioec a{ color:#fff; margin:0 10px;}
.actiond{ position:relative;}

.ny-banner{ height:420px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.ny-main{ padding:2% 0;}
.emlst{ width:215px;}
.bld-ec{ background:#f1f2f4; color:#005dc0; padding:15px 20px; font-size:12px; border-bottom:1px solid #ddd; text-transform:uppercase;}
.bld-ec strong{ display:block; font-size:18px;}
.lsec-nav li{ border-bottom:1px solid #ddd; line-height:40px; background:#f1f2f4;}
.lsec-nav li > a{ display:block; padding:0 20px; background:url(../images/rc01.png) no-repeat 95% center;}
.lsec-nav li a.cur{ background:#005dc0 url(../images/rc02.png) no-repeat 95% center; color:#fff;}
.lsec-nav li p{ display:none; padding:5px 0;}
.lsec-nav li p a{ display:block; padding:0 35px; line-height:35px;}
.lsec-nav li p a.cur{ color:#005dc0; background: none;}
.afle-sc{ background:#f1f2f4;}
.gtecnl{ padding:15px 15px 15px 52px; background-repeat:no-repeat; background-position: 20px center; color:#666;}
.gtecnl.clo01{ background-image:url(../images/a01.png);}
.gtecnl.clo02{ background-image:url(../images/a02.png);}

.yodnc{ width:950px;}
.ocmlts{ line-height:45px; color:#666; border-bottom:1px solid #ddd;}
.ocmlts strong{ font-size:18px;}

.contlme{ margin-top:30px; background:url(../images/db.png) repeat-y 140px top;}
.contlme dl{ padding:15px 0; position:relative; line-height:25px; padding-left:160px; color:#666;}
.contlme dl dt{ float:left; width:144px; position:absolute; left:0; top:15px; background:url(../images/ld.png) no-repeat right center;}
.contlme dl dt span{ font-size:18px; margin-right:12px;}
.contlme dl dd{ line-height:25px;}

.conclm{ padding:3% 0;}
.votdms{ background:#fff; border-bottom:3px solid #e50014; padding:30px 30px; background:#f6f6f6;}
.votdms p{ float:left; width:33.3%; padding-right:10px; line-height:40px; height:40px; font-size:14px; overflow:hidden;}
.ronldc{ padding:4% 0;}

.job-slec dt{ line-height:45px; height:45px; margin-top:10px; overflow:hidden; background:#eee url(../images/ad.png) no-repeat 20px center; padding-left:45px;}
.job-slec dt.on{background:#005dc0 url(../images/ap.png) no-repeat 20px center; color:#fff;}
.job-slec dd{ line-height:2; color:#666; padding:2%; display:none;}
.job-slec dd span{ color:#e50014; text-decoration:underline;}
.leoc-ul li{ float:left; width:32%; margin-right:2%; margin-top:2%;}
.leoc-ul li:nth-child(3n){ margin-right:0;}
.leoc-ul li a{ display:block; position:relative;}
.leoc-ul li a .pic{ overflow:hidden;}
.leoc-ul li a .pic img{ transition:all 0.5s ease;}
.leoc-ul li a:hover .pic img{ transform:scale(1.1); transition:all 0.5s ease;}
.leoc-ul li a .tit{ position:absolute; left:0; bottom:0; width:100%; line-height:35px; height:35px; overflow:hidden; background:rgba(0,0,0,0.5); color:#fff;}
.wb-klec{ line-height:2; color:#666; margin-top:20px;}
.wb-klec > img{ margin-left:20px; margin-bottom:15px;}
.onlcms a{ display:block; position:relative;}
.onlcms a .date{ width:105px; text-align:center; margin-top:15px; height:100px; border-right:1px solid #ddd;}
.onlcms a .date strong{ display:block; font-size:28px; font-weight:normal;}
.onlcms a .cont{ width:540px; float:right; margin-top:15px;}
.onlcms a .cont .p1{ line-height:35px; height:35px; overflow:hidden; font-size:16px;}
.onlcms a .cont .p2{ color:#666; line-height:25px; height:75px; overflow:hidden; }

.nmldcs li{ padding:20px 0; border-bottom:1px solid #ddd;}
.nmldcs li a{ display:block; padding-left:90px; position:relative;}
.nmldcs li a .date{ background:#236fd1; color:#fff; position:absolute; left:0; top:0; height:70px; width:65px; text-align:center; padding-top:10px;}
.nmldcs li a .date strong{ font-size:24px; display:block;}
.nmldcs li a .p1{ font-size:16px; line-height:30px; height:30px; overflow:hidden;}
.nmldcs li a .p2{ color:#666; line-height:20px; height:40px; overflow:hidden;}


.pagelc{ padding:20px 0; color:#464646; line-height:25px; font-size:12px;}
.pagelc span{ float:right;}
.pagelc span a{ display:inline-block; line-height:25px; padding:0 8px; background:#f4f4f4; margin-left:5px;}
.pagelc span a.cur{ background:#d70035; color:#fff;}

.titdee{ padding-top:30px; font-size:18px; font-weight:bold; text-align:center; color:#333;}
.lidle{ margin-top:10px; color:#999; text-align:center;}
.nidleo{ line-height:2; color:#464646; padding:30px 0; margin-top:20px; border-top:1px solid #ddd;}
.nidleo img{ max-width:100%;}
.dnelw{ padding-top:20px; border-top:1px solid #ddd;}
.dnelw p{ padding:5px 0;}
.dnelw .bacnke{ position:absolute; right:0; top:30px;}

.spolce li{ height:238px; background-repeat:no-repeat; background-position:center center; background-size:cover; width:49%; border-radius:5px; position:relative; margin-top:2%; overflow:hidden;}
.spolce li > a{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;}
.spolce li > span{ position:absolute; left:3%; top:10%; font-size:30px; z-index:1;}
.spolce li p{ position:absolute; right:0; top:0; height:100%; background:rgba(0,93,192,0.85); width:205px; padding:30px 35px 0;}
.spolce li p a{ display:block; color:#fff; font-size:16px; line-height:35px; height:35px; overflow:hidden; background:url(../images/cv.png) no-repeat right center;}

.secbnt li{ margin-top:10px;}
.secbnt li a{ display:block; background:#f6f7f8 url(../images/pdf.png) no-repeat 20px center; padding:0 20px 0 60px; line-height:60px; height:60px; overflow:hidden; font-size:16px;}
.secbnt li a span{ float:right; color:#999;}

.horecg{ padding-top:20px; color:#464646; line-height:2;}
.oscat li{ width:48%; margin-top:2%; height:35px; border:1px solid #ddd; padding-left:70px; position:relative;}
.oscat li span{ line-height:33px; display:block; position:absolute; left:0; top:0; width:65px; text-align:right; border-right:1px solid #ddd; padding-right:3px; color:#666;}
.oscat li input{ width:100%; height:33px; border:none; padding:0 5px;}
.oscat li i{ color:#f00;}
.oscat li textarea{ width:100%; padding:5px; height:78px; border:none;}
.ldoes{ padding-bottom:20px;}
.ldoes input{ width:120px; margin:0 10px; height:35px; color:#fff; background:#004898; border:none; cursor:pointer;}
.mouels{ background:#eaeaea; padding:30px 0;}
.ouelcm{ height:210px; overflow:hidden;}
.ouelcm li{ padding:10px; float:left; width:33.3%;}
.ouelcm li a{ display:block; line-height:85px; text-align:center; color:#fff; font-size:24px; }
.upcle{ width:29px; height:29px; background:url(../images/xe.png) no-repeat; bottom:-15px; left:50%; margin-left:-15px; position:absolute; cursor:pointer;}
.upcle.ups{ transform:rotate(180deg);}
.blode{ padding-top:25px;}


.lmsc li{  float:left; width:49%; margin-top:10px; margin-right:2%;}
.lmsc li a{ display:block; height:40px; line-height:40px; overflow:hidden;background:#eee url(../images/cce.png) no-repeat 15px center; padding:0 15px 0 40px;}
.lmsc li:nth-child(2n){ margin-right:0;}


@media (min-width: 1201px){
.opodew a:hover .shimg{ opacity:1; visibility:visible; transition:all 0.5s ease;}

}

@media (max-width: 1200px){
body{ padding-top:50px;}
.wrap{ width:640px;}
.top{ height:50px; top:0;}
.top .logo{ height:50px; padding:0;}
.top .logo img{ height:50px;}
.yosnle{ display:none;}
.mob-nav{ display:block; float:right; background:url(../images/mob-ct.png) no-repeat center center; background-size:auto 40%; width:50px; height:50px;}
.T-nav{ width:100%; position: fixed;  display:none;height:100%; overflow-x:hidden; overflow-y:auto; top:50px; left:0; margin:0; background:rgba(0,0,0,0.9);}
.T-nav li{ display:block; width:100%; border-bottom:1px solid #666;}
.T-nav > li > a{ width:100%; text-align:left; padding:0 2%; line-height:45px; height:45px; color:#fff;}
.T-nav > li > a.cur{ background:none; border:none; color:#fff;}
.T-nav li .gdlt{ position:relative; width:100%; top:0; padding:0; background:none; border:none;}
.T-nav > li .gdlt a{ color:#fff; text-align:left; padding:0 5%;}
.T-nav > li .gdlt .cdlec{ width:100%;}
.T-nav > li .gdlt .foopce{ display:none;}
.T-nav > li > a.cur:after{ width:0;}
.mosclt,.acthlm{ width:100%; max-width:640px; margin:0 auto;}
.roumld,.dmldcs{ width:100%; max-width:640px; margin:15px auto 0;}
.recnls{ display:none;}
.plioec p,.olopc span{ width:100%;}
.emlst{ width:100%; position:relative;}
.afle-sc{ display:none;}
.bld-ec{ background:#f1f2f4 url(../images/g2.png) no-repeat 95% center;}
.lsec-nav{ position:absolute; top:73px; left:0; width:100%; z-index:5; display:none;}
.yodnc{ width:100%;}
.onlcms a .cont{ width:240px;}
.spolce li{ width:100%;}
.spolce li > span{ font-size:24px;}
.blode{ padding-top:0px;}
}
@media (max-width: 960px){

}


@media (max-width: 768px){

}


@media (max-width: 640px){
.wrap{ width:100%; padding:0 2%;}
.newlct-ul li span{ display:none;}
.newlct-ul li a{ display:block;}
.londlc{ padding-right:40px;}
.londlc span{ width:25%; font-size:14px;}
.elsc-wb a{ padding-left:120px; height:66px;}
.elsc-wb a .pic img{ width:110px; height:auto;}
.elsc-wb a .con .p1{ font-size:16px;}
.elsc-wb a .con .p3,.elsc-wb a .con .p4{ display:none;}
.alidk{ padding:10px 0; font-size:12px;}
.alpos{ font-size:12px; font-weight:normal;}
.actiond,.acthlm{ margin-top:15px;}
.loldm a{ font-size:20px;}
.cantlm{ padding:0;}
.scrloe span{ left:0; top:0; position:relative; padding:0 5px; display:block; margin-top:0; padding-top:15px;}
.likdoc select{ width:48%; margin:1%;}
.ocmlts span{ display:none;}
.ocmlts strong{ font-size:16px;}
.ny-banner{ height:200px;}
.votdms{ padding:10px;}
.votdms p{ width:100%;}
.pagelc span a.mov{ display:none;}
.pagelc span{ width:100%;}
.pagelc span a{ margin:0 10px 0 0;}
.onlcms a{ padding-bottom:15px; border-bottom:1px solid #ddd;}
.onlcms a .pic{ width:100%; text-align:center;}
.onlcms a .pic img{ width:auto; height:auto; max-width:100%;}
.onlcms a .date{ display:none;}
.onlcms a .cont{ width:100%;}
.titdee{ font-size:16px;}
.dnelw .bacnke{ position:relative; top:0; margin-top:10px; display:inline-block;}
.secbnt li a span{ display:none;}
.secbnt li a{ font-size:14px;}
.oscat li{ width:100%;}
.ouelcm li{ width:50%;}
.ouelcm li a{ line-height:50px; font-size:16px;}
#codefans_net{display:none}
.lmsc li{ width:100%; margin-right:0;}
}

@media (max-width: 420px){
.leoc-ul li{ width:49%;}
.leoc-ul li:nth-child(3n){ margin-right:2%;}
.leoc-ul li:nth-child(2n){ margin-right:0;}
.wb-klec > img{ margin-left:0px; width:100%;}
.spolce li > span{ font-size:20px;}
}








.float-sild{ position: fixed; top:40%; right:20px; z-index:10; border-bottom:none;}
.float-sild .elds{ width:48px; height:49px; border-bottom:1px solid #ddd;}
.float-sild .elds a{ background-color:#fff; background-repeat:no-repeat; background-position:center center; display:block; height:48px; width:48px;}
.float-sild .elds .a1{ background-image:url(../images/q01.png)}
.float-sild .elds .a2{ background-image:url(../images/q02.png)}
.float-sild .elds .a3{ background-image:url(../images/q03.png)}
.float-sild .elds .a4{ background-image:url(../images/q04.png)}
.float-sild .elds span{ display:block; height:49px; right:100px; background:#fff; border-bottom:1px solid #ddd; position:absolute; top:0; width:160px; line-height:48px; text-align:center; visibility:hidden; opacity:0; transition:all 0.5s ease;}
.float-sild .elds:hover span{ visibility:visible; right:48px; opacity:1; transition:all 0.5s ease;}
.keful{ margin-top:40px;}
.keful a{ display:block; width:60px; height:60px; background:#fff url(../images/q05.png) no-repeat center 5px; border:1px solid #ddd; font-size:12px; text-align:center; padding-top:35px;}

@media (max-width: 1200px){
.float-sild{ display:none;}
}
.online-upse{ margin:10px 0;}
.online-upse a{ display:inline-block; text-align:center; width:180px; line-height:40px; color:#fff; font-size:18px; background:#da251c; border-radius:20px;}
.bg-colc{ display:none; background:rgba(0,0,0,0.7); position:fixed; left:0; top:0; width:100%; height:100%; z-index:99;}
.bst-sl{ display:none; width:960px; height:540px; background:#fff; position:fixed; left:50%; top:50%; margin-left:-480px; margin-top:-270px; z-index:100;}
.bst-sl h2{ line-height:60px; color:#236fd1; font-size:24px; text-align:center; background:#f2f2f2; border-bottom:1px solid #ddd; padding:0 2%;}
.bst-sl ul{ padding:20px 0;}
.bst-sl ul li{ padding:5px 5% 5px 0; line-height:40px;}
.bst-sl ul li span{ float:left;}
.bst-sl ul li span i{ color:#f00;}
.bst-sl ul li span.nsl01{ width:15%; text-align:right;}
.bst-sl ul li span.nsl02{ width:35%; padding-left:10px;}
.bst-sl ul li span.nsl03{ width:85%; padding-left:10px;}
.bst-sl ul li span > input{ width:100%; height:40px; border:1px solid #ddd; padding:0 5px;}
.bst-sl ul li span label{ margin-right:10px;}
.bst-sl ul li span .files{ width:150px;}
.clils{ padding-top:10px; text-align:center; border-top:1px solid #ddd;}
.clils input{ width:220px; height:50px; background:#236fd1; color:#fff; font-size:18px; border-radius:5px; border:none; cursor:pointer;}

.erlosv{ position:relative;}
.erlosv span{ display:none;}
.erlosv p a{ float:left; width:15.66%; margin-bottom:15px; margin-right:1%; line-height:30px; height:30px; overflow:hidden; background:#999; color:#fff; text-align:center;}
.erlosv p a.cur{ background:#015dc0;}
.rwcnls{ margin:2%; padding:12px 0; line-height:2; text-indent:2em; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.afleos{ line-height:2; font-size:16px; border-bottom:1px solid #ddd; padding-bottom:15px; text-align:center;}
.mb2{ margin-bottom:2%;}

@media (max-width: 1200px){
.erlosv span{ background:#f1f2f4 url(../images/g2.png) no-repeat 95% center; display:block; padding:0 2%; line-height:40px; height:40px; border-bottom:1px solid #ddd;}
.erlosv p{ width:100%; display:none; z-index:3; position:absolute; left:0; top:40px; background:#f1f2f4;}
.erlosv p a{ width:100%; background:none; text-align:left; color:#333; margin:0; border-bottom:1px solid #ddd; padding:0 2%; line-height:40px; height:40px;}
.erlosv p a.cur{ background:none; color:#005dc0;}

}

@media (max-width: 960px){
.bst-sl{width:100%; left:0; margin-left:0;}
}

@media (max-width: 640px){
.bst-sl{ height:100%; overflow:auto; margin-top:0; top:0;}
.bst-sl ul li span.nsl01{ width:30%;}
.bst-sl ul li span.nsl02,.bst-sl ul li span.nsl03{ width:70%;}
}










